<!--@layout("/common/_container.html",{js:["/assets/markdown/editormd.min.js"]}){-->
<!--<link rel="stylesheet" href="/assets/markdown/css/editormd.min.css" />-->
<!--<div id="editormd" >-->
    <!--<textarea style="display:none;"  style="height:100%">### Hello Editor.md !</textarea>-->
<!--</div>-->
<!--<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>-->
<!--<script type="text/javascript">-->
    <!--var varList = function(){}-->
    <!--varList.prototype.read = function(key){-->
        <!--var loc = localStorage.getItem(key)||"[]";-->
        <!--return JSON.parse(loc);-->
    <!--}-->

    <!--varList.prototype.write = function(key,arr){-->
        <!--var str = JSON.stringify(arr);-->
        <!--localStorage.setItem(key,str);-->
    <!--}-->
    <!--varList.prototype.add = function(key,value){-->
        <!--var ori = this.read(key);-->
        <!--if(ori.indexOf(value) <0){-->
            <!--ori.push(value);-->
            <!--this.write(key,ori);-->
        <!--}-->
    <!--}-->
    <!--varList.prototype.set = function(key,value){-->
        <!--localStorage.setItem(key,value)-->
    <!--}-->
    <!--varList.prototype.get = function(key,defaultValue=""){-->
        <!--return localStorage.getItem(key)||defaultValue;-->
    <!--}-->

    <!--$(function() {-->

        <!--var lv = new varList();-->
        <!--$(".selector").val("pxx");-->
        <!--function getFileIndex(){-->
            <!--return "rebie_markdown_content_"+$("#dir-data").val()+"_"+$("#file-data").val();-->
        <!--}-->
        <!--function createFileIndex(){-->
            <!--lv.add("dir",$("#dir-data").val());-->
            <!--lv.add($("#dir-data").val()+"_file",$("#file-data").val());-->
            <!--reloadIndex();-->
        <!--}-->
        <!--var editor = editormd("editormd", {-->
            <!--path : "./lib/",-->
            <!--disabledKeyMaps : [-->
                <!--"Ctrl-S"-->
            <!--],-->
            <!--width: "90%",-->
            <!--height: "760",-->
            <!--//	previewTheme : "dark",-->
            <!--//  editorTheme : "pastel-on-dark",-->
            <!--codeFold : true,-->
            <!--syncScrolling : true,-->
            <!--searchReplace : true,-->
            <!--markdown: localStorage.getItem(getFileIndex())|| "hello",-->
            <!--watch : true,-->
            <!--emoji : true,-->
            <!--taskList : true,-->
            <!--tocm : true,-->
            <!--tex : true,-->
            <!--flowChart : true,-->
            <!--sequenceDiagram : true,-->
            <!--toolbarIcons : function() {-->
                <!--return [-->
                    <!--"undo", "redo",  "|",-->
                    <!--"list-ul", "list-ol", "|",-->
                    <!--"reference-link", "image", "code",  "code-block", "table", "|",-->
                    <!--"watch", "preview", "fullscreen","search","|",-->
                    <!--"||",-->
                    <!--"help"-->
                <!--]-->
            <!--},-->
            <!--onload : function() {-->
                <!--var _this = this-->
                <!--var keyMap = {-->
                    <!--"Ctrl-S": function(cm) {-->
                        <!--createFileIndex();-->
                        <!--localStorage.setItem(getFileIndex(),_this.markdownTextarea[0].innerText);-->
                    <!--}-->
                <!--};-->
                <!--this.addKeyMap(keyMap);-->
            <!--}-->
        <!--});-->
        <!--function save(){-->
            <!--createFileIndex();-->
            <!--localStorage.setItem(getFileIndex(),editor.markdownTextarea[0].innerText)-->
        <!--}-->
        <!--function reloadIndex(){-->
            <!--$("#dir-selector").html(lv.read("dir").map(function(d){return "<option value=\""+d+"\">"+d+"</option>"}).join(""))-->
            <!--$("#file-selector").html(lv.read($("#dir-data").val()+"_file").map(function(d){return "<option value=\""+d+"\">"+d+"</option>"}).join(""))-->
        <!--}-->
        <!--reloadIndex();-->
        <!--var onInit = false;-->
        <!--$("#dir-selector").on("change",function(){-->
            <!--$("#file-selector").html(lv.read($("#dir-selector").val()+"_file").map(function(d){return "<option value=\""+d+"\">"+d+"</option>"}).join(""))-->
            <!--$("#dir-data").val($("#dir-selector").val());-->
            <!--lv.set("CURRENT_DIR",$("#dir-selector").val());-->
            <!--editor.setMarkdown(localStorage.getItem(getFileIndex()));-->
            <!--if(onInit){-->
                <!--$("#file-selector").val(lv.get("CURRENT_FILE","默认文件"));-->
                <!--onInit=false;-->
            <!--}-->
        <!--});-->
        <!--$("#file-selector").on("change",function(){-->
            <!--$("#file-data").val($("#file-selector").val());-->
            <!--lv.set("CURRENT_FILE",$("#file-selector").val());-->
            <!--editor.setMarkdown(localStorage.getItem(getFileIndex()));-->
        <!--});-->
        <!--$("#dir-selector").val(lv.get("CURRENT_DIR","默认文件夹"));-->
        <!--$("#save-content").on("click",save);-->
    <!--});-->
<!--</script>-->
<!--@}-->